<template>
  <div class="">
    <!-- 电脑端banner -->
    <div class="pCBanner hidden-xs">
    	<img src="../assets/images/banner@2x.jpg" >
    </div>
    <!-- 电脑端banner结束 -->
    
    <!-- 手机端banner开始 -->
    <div class="pCBanner visible-xs-block">
    	<img src="../assets/images/banner@2x.jpg" >
    </div>
    <!-- 手机端banner结束 -->
    
    <!-- 电脑端内容开始 -->
    <div class="We hidden-xs">
    	<div class="container">
    	 <div class="weCom">
    		<div class="weComLeft">
    			<div class="weComLeft01">
    				{{footerobj.about1}}
    			</div>
    			<div class="weComLeft02">
    				{{footerobj.about2}}
    			</div>
    			<img class="Suaiwom" src="../assets/images/icon@2x.png" >
    		</div>
    		<div class="weComRight">
    			<div class="weComRightSite">
    				<p>{{footerobj.about}}</p>
    			</div>
    			<div class="weComRightSiteDetial">
    				<div class="weComRightSiteDetial01">
    					<p>introduce</p>
    					<p>公 司 介 绍 </p>
    				</div>
    				<div class="weComRightSiteDetialspaN">
    					
    				</div>
    				<div class="weComRightSiteDetial02">
              <div class="weComRightSiteDetial02Mp">
              	<p>{{footerobj.text3}}</p>
              	<p>{{footerobj.text2}}</p>
              </div>
              <div class="weComRightSiteDetial02Cp">
              	<p>{{footerobj.text1}} </p>
              </div>
    					
    				</div>
    				<!-- <img src="static/网站/2我们/shuoming@2x.png" > -->
    			</div>
    		</div>
    		
    	</div>
    	</div>
    </div>
    <!-- 电脑端内容结束 -->
    	
    <!-- 手机端内容开始 -->
    <div class="We  visible-xs-block">
    	<div class="container">
    	 <div class="weCom">
    		<div class="weComLeft weComLeft-xs-flex">
    			<div class="weComLeft-xs-flex01">
    				<div class="weComLeft01">
    					{{footerobj.about1}}
    				</div>
    				<div class="weComLeft02">
    					{{footerobj.about2}}
    				</div>
    			</div>
    			<div class="weComLeft-xs-flex02">
    				<img class="Suaiwom" src="../assets/images/icon@3x.png" >
    				<img class="Woaisua" src="../assets/images/pic3@3x.png" >
    			</div>
    			
    		</div>
    		<div class="weComRight">
    			<div class="weComRightSite">
            <p>{{footerobj.about}}</p>
            </div>
    			<div class="weComRightSiteDetial">
    				<div class="weComRightSiteDetial01">
    					<p>introduce</p>
    					<p>公 司 介 绍 </p>
    				</div>
    				<div class="weComRightSiteDetialspaN">

    				</div>
    				<div class="weComRightSiteDetial02">
    					<div class="weComRightSiteDetial02Mp">
    						<p>{{footerobj.text3}}</p>
    						<p>{{footerobj.text2}}</p>
    					</div>
    					<div class="weComRightSiteDetial02Cp">
    						<p>{{footerobj.text1}} </p>
    					</div>
    					
    				</div>
    				<!-- <img src="static/网站/2我们/shuoming@2x.png" > -->
    			</div>
    		</div>
    		
    	</div>
    	</div>
    </div>
    <!-- 手机端内容结束 -->
  </div>
</template>

<script>
export default {
  name: '',
  components: {
  },
  props: ["footerobj"],
  data() {
    return {
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style lang="scss" scoped>
  @import url("../assets/css/basic.css");
  @import url("../assets/css/media.css");
  .weComRightSite{
    padding: 20px 20px 20px 40px;
    box-sizing: border-box;
  }
  .weComRightSite p{
    font-size: 18px;
    line-height: 32px;
  }
  @media only screen and (min-width: 100px) and (max-width: 998px) {
    .weComRightSite{
      height: 346px!important;
    }
    .weComRightSite{
      padding: 10px 10px 10px 10px;
      box-sizing: border-box;
    }
    .weComRightSite p{
      font-size: 1.6rem;
      line-height: 20px;
    }
    .weComRightSiteDetial {
      height: 398px!important;
    }
  }
</style>
